@charset "utf-8";

/* ===============================================
Author : JTREECREATIVE publishing Team (http://www.jtree12.com/)
Date : 2013-10-01 ~ 2014-10-30
Description : 가이드 스타일
=============================================== */

/* tag reset */
html {margin:0;padding:0;}
body {font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif;width:100%;height:100%;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:14px;color:#000;line-height:1.5;}
caption, hr, legend {display:none;}
img, fieldset {border:none;}
a {text-decoration:none;cursor:pointer;color:#ff6600}
a:hover {text-decoration:none;color:#ff6600}
button {cursor:pointer}
ul, ol {list-style:none;}
table {border-collapse:collapse;width:100%;border-width:0;border-spacing:0;}
/* caption {height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-20000px} 크롬.사파리에서 col width 값이 제대로 적용되지 않는 문제가 있음 */
img, input, textarea {display:inline-block;}
img, input, button, select, textarea, label{vertical-align:middle;}
textarea {resize:none;}
address,caption,cite,code,dfn,em,i,var {font-style:normal;font-weight:normal;}
a, cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;}
sub {vertical-align:bottom;font-family:helvetica}
sup {vertical-align:top;font-family:helvetica}

.align-c {text-align:center !important;}
.align-l {text-align:left !important;}
.align-r {text-align:right !important;}
.align-t {vertical-align:top !important;}
.align-m {vertical-align:middle !important;}
.align-b {vertical-align:bottom !important;}

#guideWrap{width:1000px; margin:0 auto}
#guideWrap h1{padding:20px 0;font-size:26px; color:#000}
#guideWrap h2{padding:10px 0;font-size:22px; color:#000;border-bottom:3px solid #ccc;}
#guideWrap h3{padding:10px 0;font-size:18px;}
#guideWrap h4{padding:10px 0;font-size:16px;}
#guideWrap h5{padding:10px 0;font-size:14px;}
#guideWrap ul.notice-txt{margin:0 0 10px 15px;}
#guideWrap ul.notice-txt li{background:url(img/bu_square2.gif) left 10px no-repeat;padding:0 0 0 10px;}
#guideWrap p{padding:10px 0;}
table.tbl-type{margin:0 0 10px 0}
table.tbl-type th{padding:5px;text-align:center;background:#b3dafd;border:1px solid #333;font-weight:bold}
table.tbl-type td{padding:5px;border:1px solid #333;}
table.tbl-type.center td {text-align:center}
.notice-txt{margin:0 0 10px 0}
.b {font-weight:bold}

.img-button {padding:0;border:none 0;background:none;cursor:pointer;overflow:visible;vertical-align:top;font-size:0;line-height:0;}
.img-button img  {display:block;position:relative;}
.bg-button {margin:0;padding:0;border:none 0;background:none;cursor:pointer;overflow:visible;vertical-align:top;font-size:1em;line-height:1;}
.bg-button span {padding:2px 5px 0 !important;white-space:nowrap;}
.btn-icon-minus {width:26px;height:26px;background:url(img/btn_minus.gif) no-repeat;text-indent:-9999px;}

/* Button Reset */
.button,
.button a,
.button button,
.button input {margin:0;padding:0;border:none 0;background:none;cursor:pointer;overflow:visible;vertical-align:top;font-size:1em;line-height:1;}
.button {border:1px solid gray;padding:5px 10px;background:#eee}

